<template>
  <main class="d-flex flex-column justify-sm-center aligen-smcenter">
    <v-container max-width="800">
      <PersonInfoCard class="my-5"/>
      <NotifycationCard class="mt-5"/>
    </v-container>

    <v-container max-width="800">
      <CourseList />
    </v-container>
  </main>
</template>

<script setup lang="ts">
import CourseList from '@/components/pageSpecific/PersonPageComponent/CourseList.vue';
import NotifycationCard from '@/components/pageSpecific/PersonPageComponent/NotifycationCard.vue';
import PersonInfoCard from '@/components/pageSpecific/PersonPageComponent/PersonInfoCard.vue';




</script>
